<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">

    <ui:composition template="layout.xhtml">
        <ui:define name="body">

            <h:form id="form" enctype="multipart/form-data">
                
                <br/>
                <h3 class="title">Cadastrar Aforamento</h3>
                <p:growl id="messages" showDetail="false" autoUpdate="true"  /> 
                <p:panel id="aforamentoPanel" styleClass="container_24 clearfix both ">
                    <h4 class="title">Dados Gerais</h4>

                    <p:outputLabel value="Nº carta" styleClass="grid_3" for="cartaNumero"/>
                    <p:inputText id="cartaNumero" styleClass="grid_3" value="#{managerCriarAforamento.aforamento.cartaNumero}" />

                    <p:outputLabel value="Data da carta" styleClass="grid_4 alpha" for="cartaData"/>
                    <p:calendar id="cartaData" value="#{managerCriarAforamento.aforamento.cartaData}" showOn="both" 
                                locale="pt" yearRange="1900:2020" navigator="true" pattern="dd/MM/yyyy" styleClass="grid_3" />

                    <p:outputLabel value="Contrato Referência" styleClass="grid_6" for="contratoReferencia"/>
                    <p:inputText id="contratoReferencia" styleClass="grid_4" value="#{managerCriarAforamento.aforamento.contratoReferencia}" />
                    <div class="clear"/>

                    <p:outputLabel value="Livro" styleClass="grid_3" for="livro"/>
                    <p:inputText id="livro" styleClass="grid_8" value="#{managerCriarAforamento.aforamento.livro}" />

                    <p:outputLabel value="Folha" styleClass="grid_4 alpha" for="folha"/>
                    <p:inputText id="folha" styleClass="grid_8" value="#{managerCriarAforamento.aforamento.folha}" />
                    <div class="clear"/>

                    <p:outputLabel value="Prefeito" styleClass="grid_3" for="prefeito"/>
                    <p:inputText id="prefeito" styleClass="grid_20" value="#{managerCriarAforamento.aforamento.prefeito}" />
                    <div class="clear"/>

                    <p:outputLabel value="Secretário" styleClass="grid_3" for="secretario"/>
                    <p:inputText id="secretario" styleClass="grid_20" value="#{managerCriarAforamento.aforamento.secretario}" />
                    <div class="clear"/>

                    <p:outputLabel value="Nº despacho" styleClass="grid_3" for="despachoNumero"/>
                    <p:inputText id="despachoNumero" styleClass="grid_8" value="#{managerCriarAforamento.aforamento.despachoNumero}" />

                    <p:outputLabel value="Data despacho" styleClass="grid_4 alpha" for="despachoData"/>
                    <p:calendar id="despachoData" value="#{managerCriarAforamento.aforamento.despachoData}" showOn="both" 
                                locale="pt" yearRange="1900:2020" navigator="true" pattern="dd/MM/yyyy" styleClass="grid_8" />
                    <div class="clear"/>

                    <p:outputLabel value="Nº petição / requerimento" styleClass="grid_3" for="peticaoRequerimentoNumero"/>
                    <p:inputText id="peticaoRequerimentoNumero" styleClass="grid_8" value="#{managerCriarAforamento.aforamento.peticaoRequerimentoNumero}" />

                    <p:outputLabel value="Data petição / requerimento" styleClass="grid_4 alpha" for="peticaoRequerimentoData"/>
                    <p:calendar id="peticaoRequerimentoData" value="#{managerCriarAforamento.aforamento.peticaoRequerimentoData}" showOn="both" 
                                locale="pt" yearRange="1900:2020" navigator="true" pattern="dd/MM/yyyy" styleClass="grid_8" />
                    <div class="clear"/>

                    <fieldset>
                        <legend>Foreiro/Cidadão</legend>

                        <p:outputLabel value="CPF" styleClass="grid_3" for="foreiroCpf"/>
                        <p:inputMask id="foreiroCpf" styleClass="grid_4" mask="999.999.999-99"
                                     value="#{managerCriarAforamento.foreiro.cpf}" />

                        <p:outputLabel value="Nome" styleClass="grid_3" for="foreiro"/>
                        <p:inputText id="foreiro" styleClass="grid_13" value="#{managerCriarAforamento.foreiro.nome}" />
                        <div class="clear"/><br/>

                        <div class="buttonAction">
                            <p:commandButton value="Adicionar" icon="ui-icon-circle-plus" 
                                             process=":form:foreiroCpf, :form:foreiro, :form:foreirosTable, @this"
                                             update=":form:foreiroCpf, :form:foreiro, :form:foreirosTable"
                                             actionListener="#{managerCriarAforamento.adicionarForeiro()}"
                                             styleClass="ui-priority-primary" />
                        </div><br/>

                        <p:dataTable id="foreirosTable" var="foreiro"
                                     value="#{managerCriarAforamento.aforamento.foreiros}"
                                     styleClass="grid_24" emptyMessage="Nenhum registro" rowIndexVar="idforeiro">  
                            <f:facet name="header">
                                Foreiro/Cidadão
                            </f:facet>

                            <p:column headerText="Ação" width="100" style="vertical-align: middle; text-align: center">
                                <p:commandButton title="Editar" update=":form:foreiroCpf, :form:foreiro, :form:foreirosTable" 
                                                 process=":form:foreirosTable"
                                                 actionListener="#{managerCriarAforamento.editarForeiro(foreiro)}"
                                                 icon="ui-icon-pencil"/>
                                <p:commandButton title="Remover" update=":form:foreirosTable"
                                                 process=":form:foreirosTable"
                                                 actionListener="#{managerCriarAforamento.removerForeiro(foreiro)}"
                                                 icon="ui-icon-trash"/>
                            </p:column>

                            <p:column headerText="CPF" style="vertical-align: middle; text-align: center">
                                <h:outputText value="#{managerCriarAforamento.mascaraCpf(foreiro.cpf)}"/>
                            </p:column>

                            <p:column headerText="Nome" style="vertical-align: middle; text-align: center">
                                <h:outputText value="#{foreiro.nome}"/>
                            </p:column>
                        </p:dataTable>
                    </fieldset>
                    <div class="clear"/>

                    <fieldset>
                        <legend>Endereço</legend>

                        <p:outputLabel value="Zona" styleClass="grid_3" for="zona"/>
                        <div class="grid_4">
                            <p:selectOneMenu id="zona" panelStyle="width:150px;" 
                                             value="#{managerCriarAforamento.aforamento.zona}">
                                <f:selectItem itemValue="" itemLabel=""/>
                                <f:selectItems value="#{managerCriarAforamento.zona()}"/>
                            </p:selectOneMenu>
                        </div>

                        <p:outputLabel value="Logradouro" styleClass="grid_3" style="width: 11.5%" for="endereco"/>
                        <p:inputText id="endereco" styleClass="grid_13" value="#{managerCriarAforamento.aforamento.endereco}" />
                    </fieldset>
                    <div class="clear"/>

                    <fieldset>
                        <legend>Medida/Demarcação</legend>

                        <p:outputLabel value="Auto" styleClass="grid_3" for="auto"/>
                        <p:inputText id="auto" styleClass="grid_14" value="#{managerCriarAforamento.aforamento.autoMedicaoDemarcacao}" />

                        <p:outputLabel value="Data" styleClass="grid_2" for="autoMedicaoDemarcacaoData"/>
                        <p:calendar id="autoMedicaoDemarcacaoData" value="#{managerCriarAforamento.aforamento.autoMedicaoDemarcacaoData}" showOn="both" 
                                    locale="pt" yearRange="1900:2020" navigator="true" pattern="dd/MM/yyyy" styleClass="grid_3" />
                        <div class="clear"/>

                        <p:outputLabel value="Livro" styleClass="grid_3" for="autoMedicaoDemarcacaoLivro"/>
                        <p:inputText id="autoMedicaoDemarcacaoLivro" styleClass="grid_8" 
                                     value="#{managerCriarAforamento.aforamento.autoMedicaoDemarcacaoLivro}" />

                        <p:outputLabel value="Folha" styleClass="grid_4 alpha" for="autoMedicaoDemarcacaoFolha"/>
                        <p:inputText id="autoMedicaoDemarcacaoFolha" styleClass="grid_8" 
                                     value="#{managerCriarAforamento.aforamento.autoMedicaoDemarcacaoFolha}" />
                    </fieldset>
                    <div class="clear"/>

                    <fieldset>
                        <legend>Motivo do aforamento</legend>

                        <p:inputTextarea id="motivo" styleClass="grid_23" style="max-height: 68px"
                                         value="#{managerCriarAforamento.aforamento.motivo}" />
                    </fieldset>
                    <div class="clear"/>

                    <fieldset>
                        <legend>Características</legend>

                        <p:inputTextarea id="caracteristicas" styleClass="grid_23" style="max-height: 68px"
                                         value="#{managerCriarAforamento.aforamento.caracteristicas}" />
                    </fieldset>
                    <div class="clear"/>

                    <fieldset>
                        <legend>Observações</legend>

                        <p:inputTextarea id="observacao" styleClass="grid_23" style="max-height: 68px"
                                         value="#{managerCriarAforamento.aforamento.observacao}" />
                    </fieldset>
                    <div class="clear"/>

                    <fieldset>
                        <legend>Averbação</legend>

                        <div class="buttonAction" style="text-align: right">
                            <p:commandButton value="Adicionar" icon="ui-icon-plus"
                                             styleClass="ui-priority-primary" oncomplete="averbacaoDialog.show()" />
                        </div>

                        <p:dataTable id="averbacaoTable" var="averbacao"
                                     value="#{managerCriarAforamento.aforamento.averbacoes}"
                                     styleClass="grid_24" emptyMessage="Nenhum registro" rowIndexVar="idaverbacao">  
                            <f:facet name="header">
                                Averbação
                            </f:facet>

                            <p:column headerText="Ação" width="100" style="vertical-align: middle; text-align: center">
                                <p:commandButton title="Editar" update=":form:averbacaoTable, :dialogForm" 
                                                 process=":form:averbacaoTable" oncomplete="averbacaoDialog.show()"
                                                 actionListener="#{managerCriarAforamento.editarAverbacao(averbacao)}"
                                                 icon="ui-icon-pencil"/>
                                <p:commandButton title="Remover" update=":form:averbacaoTable"
                                                 process=":form:averbacaoTable"
                                                 actionListener="#{managerCriarAforamento.removerAverbacao(averbacao)}"
                                                 icon="ui-icon-trash"/>
                            </p:column>

                            <p:column headerText="Tipo" style="vertical-align: middle; text-align: center">
                                <h:outputText value="#{averbacao.tipoAverbacao.nome}"/>
                            </p:column>

                            <p:column headerText="Data" style="vertical-align: middle; text-align: center">
                                <h:outputText value="#{averbacao.dataAverbacao}">
                                    <f:convertDateTime pattern="dd/MM/yyyy"/>
                                </h:outputText>
                            </p:column>

                        </p:dataTable>
                    </fieldset>

                    <h4 class="title">Anexos</h4>
                    <p:panel id="documentoPanel" styleClass="container_24 clearfix">

                        <p:fileUpload 
                            mode="advanced"
                            label="Anexar"
                            uploadLabel="Enviar"
                            cancelLabel="Cancelar"
                            fileUploadListener="#{managerCriarAforamento.adicionarAnexo}"
                            multiple="true"
                            auto="true"
                            allowTypes="/(\.|\/)(gif|jpe?g|png)$/"
                            dragDropSupport="true"
                            invalidFileMessage="Tipo de arquivo não suportado."
                            invalidSizeMessage="Tamanho do arquivo não é suportado"
                            immediate="true"
                            update=":form:documentoPanel"/>

                        <fieldset>
                            <legend>Arquivos anexados</legend>

                            <p:panel styleClass="clearfix container_24" >
                                <div class="my-simple-gallery">
                                    <ui:repeat  value="#{managerCriarAforamento.aforamento.anexos}" var="a">
                                        <div class="grid_4">
                                            <p:commandButton id="removeButton" alt="Remover" styleClass="ui-button-only button-remove"
                                                             style="margin-right: 10px !important;"
                                                             icon="ui-icon-trash" update=":form:documentoPanel"
                                                             actionListener="#{managerCriarAforamento.removerAnexo(a)}" />
                                            <p:tooltip for="removeButton" value="Remover imagem" />
                                            <p:commandButton id="renomearButton" alt="Renomear" styleClass="ui-button-only button-edit"
                                                             icon="ui-icon-pencil" update=":form:documentoPanel, :form:modalDialog"
                                                             oncomplete="dlg.show()">
                                                <f:setPropertyActionListener target="#{managerCriarAforamento.renomearAnexo}" value="#{a}" />
                                            </p:commandButton>
                                            <p:tooltip for="renomearButton" value="Renomear imagem" />
                                            <figure itemprop="associatedMedia" class="grid_20" onclick="initPhoto(); desabilitaEdicaoImagem();">
                                                <a href="#{managerImagem.urlImagem(a)}" 
                                                   itemprop="contentUrl" data-size="#{managerImagem.widthHeight(a)}" pid="#{a.id}">
                                                    <img src="#{managerImagem.urlThumbnailImagem(a)}" 
                                                         itemprop="thumbnail" class="image"/>
                                                </a>
                                                <figcaption itemprop="caption description">#{a.nomeExibicao}</figcaption>
                                            </figure>
                                        </div>
                                    </ui:repeat>
                                </div>
                            </p:panel>

                        </fieldset>
                    </p:panel>

                    <div class="buttonAction">
                        <p:commandButton value="Salvar" icon="ui-icon-disk" update="@form" 
                                         actionListener="#{managerCriarAforamento.salvar()}"
                                         styleClass="ui-priority-primary" />

                        <p:button href="pesquisaraforamento.xhtml" value="Cancelar" icon="ui-icon-trash" />
                    </div >
                </p:panel>

                <p:dialog id="modalDialog" width="640" widgetVar="dlg" modal="true" styleClass="container_24 clearfix"
                          closable="false" resizable="false" >

                    <p:outputLabel value="Nome" styleClass="grid_3" for="nome" />
                    <p:inputText id="nome" styleClass="grid_20" value="#{managerCriarAforamento.renomearAnexo.nomeExibicao}" />

                    <div class="buttonAction">
                        <p:commandButton value="Atualizar" actionListener="#{managerCriarAforamento.renomear()}"
                                         update=":form:documentoPanel, :form:modalDialog" icon="ui-icon-check"/>
                        <p:commandButton value="Cancelar" icon="ui-icon-close" oncomplete="dlg.hide()" />
                    </div>
                </p:dialog>
            </h:form>

            <h:form id="dialogForm" enctype="multipart/form-data">
                <p:dialog id="averbacaoDialog" width="1024" height="500" widgetVar="averbacaoDialog" modal="true" 
                          styleClass="container_24 clearfix" closable="false" resizable="false" >

                    <p:panel id="averbacaoPanel" styleClass="container_24 clearfix">
                        <fieldset>
                            <legend>Dados gerais</legend>

                            <p:outputLabel value="Tipo" styleClass="grid_3" for="tipoAverbacao" />
                            <div class="grid_8">
                                <p:selectOneMenu id="tipoAverbacao" value="#{managerCriarAforamento.averbacao.tipoAverbacao}">
                                    <f:selectItem itemValue="" itemLabel=""/>
                                    <f:selectItems value="#{managerCriarAforamento.tipoAverbacao()}"/>
                                </p:selectOneMenu>
                            </div>

                            <p:outputLabel value="Data da carta" styleClass="grid_4" for="dataAverbacao"/>
                            <p:calendar id="dataAverbacao" value="#{managerCriarAforamento.averbacao.dataAverbacao}" showOn="both" 
                                        locale="pt" yearRange="1900:2020" navigator="true" pattern="dd/MM/yyyy" styleClass="grid_8" />
                            <div class="clear"/>

                            <p:outputLabel value="Descrição" styleClass="grid_3" for="descricao"/>
                            <p:inputTextarea id="descricao" styleClass="grid_20" value="#{managerCriarAforamento.averbacao.descricao}" style="max-height: 68px" />
                            <div class="clear"/>

                            <p:outputLabel value="Nº despacho" styleClass="grid_3" for="despachoNumero"/>
                            <p:inputText id="despachoNumero" styleClass="grid_8" value="#{managerCriarAforamento.aforamento.despachoNumero}" />

                            <p:outputLabel value="Data despacho" styleClass="grid_4 alpha" for="despachoData"/>
                            <p:calendar id="despachoData" value="#{managerCriarAforamento.averbacao.despachoData}" showOn="both" 
                                        locale="pt" yearRange="1900:2020" navigator="true" pattern="dd/MM/yyyy" styleClass="grid_8" />
                            <div class="clear"/>

                            <p:outputLabel value="Nº petição / requerimento" styleClass="grid_3" for="peticaoRequerimentoNumero"/>
                            <p:inputText id="peticaoRequerimentoNumero" styleClass="grid_8" value="#{managerCriarAforamento.averbacao.peticaoRequerimentoNumero}" />

                            <p:outputLabel value="Data petição / requerimento" styleClass="grid_4 alpha" for="peticaoRequerimentoData"/>
                            <p:calendar id="peticaoRequerimentoData" value="#{managerCriarAforamento.averbacao.peticaoRequerimentoData}" showOn="both" 
                                        locale="pt" yearRange="1900:2020" navigator="true" pattern="dd/MM/yyyy" styleClass="grid_8" />
                            <div class="clear"/>
                        </fieldset>

                        <fieldset>
                            <legend>Medida/Demarcação</legend>

                            <p:outputLabel value="Auto" styleClass="grid_3" for="auto"/>
                            <p:inputText id="auto" styleClass="grid_14" value="#{managerCriarAforamento.averbacao.autoMedicaoDemarcacao}" />

                            <p:outputLabel value="Data" styleClass="grid_2" for="autoMedicaoDemarcacaoData"/>
                            <div>
                                <p:calendar id="autoMedicaoDemarcacaoData" value="#{managerCriarAforamento.averbacao.autoMedicaoDemarcacaoData}" showOn="both" 
                                            locale="pt" yearRange="1900:2020" navigator="true" pattern="dd/MM/yyyy" styleClass="grid_3" />
                            </div>
                            <div class="clear"/>

                            <p:outputLabel value="Livro" styleClass="grid_3" for="autoMedicaoDemarcacaoLivro"/>
                            <p:inputText id="autoMedicaoDemarcacaoLivro" styleClass="grid_8" 
                                         value="#{managerCriarAforamento.averbacao.autoMedicaoDemarcacaoLivro}" />

                            <p:outputLabel value="Folha" styleClass="grid_4 alpha" for="autoMedicaoDemarcacaoFolha"/>
                            <p:inputText id="autoMedicaoDemarcacaoFolha" styleClass="grid_8" 
                                         value="#{managerCriarAforamento.averbacao.autoMedicaoDemarcacaoFolha}" />
                        </fieldset>

                        <fieldset><legend>Cofrontações</legend>
                            <p:panel styleClass="container_24 clearfix withoutBorder">

                                <fieldset><legend>Frente</legend>
                                    <p:outputLabel value="Para" styleClass="grid_3" for="frenteInputText" />
                                    <p:inputText id="frenteInputText" styleClass="grid_18"
                                                 value="#{managerCriarAforamento.averbacao.frente}" />
                                    <div class="clear"/>

                                    <p:outputLabel value="Limitando" styleClass="grid_3 dimensaoLabelImovel" for="frenteRuaInputText" />
                                    <p:inputText id="frenteRuaInputText" styleClass="grid_18"
                                                 value="#{managerCriarAforamento.averbacao.frenteRua}" />

                                    <div class="clear"/>
                                    <p:outputLabel value="Medindo" styleClass="grid_3 dimensaoLabelImovel" for="frenteMedInputText" />
                                    <p:inputText id="frenteMedInputText" styleClass="grid_18"
                                                 value="#{managerCriarAforamento.averbacao.frenteMedindo}" />
                                </fieldset>

                                <fieldset><legend>Fundo</legend>
                                    <p:outputLabel value="Para" styleClass="grid_3" for="fundoInputText" />
                                    <p:inputText id="fundoInputText" styleClass="grid_18"
                                                 value="#{managerCriarAforamento.averbacao.fundo}" />
                                    <div class="clear"/>

                                    <p:outputLabel value="Limitando" styleClass="grid_3 dimensaoLabelImovel" for="fundoRuaInputText" />
                                    <p:inputText id="fundoRuaInputText" styleClass="grid_18"
                                                 value="#{managerCriarAforamento.averbacao.fundoRua}" />

                                    <div class="clear"/>
                                    <p:outputLabel value="Medindo" styleClass="grid_3 dimensaoLabelImovel" for="fundoMedindoInputText" />
                                    <p:inputText id="fundoMedindoInputText" styleClass="grid_18"
                                                 value="#{managerCriarAforamento.averbacao.fundoMedindo}" />
                                </fieldset>

                                <fieldset><legend>Lado esquerdo</legend>
                                    <p:outputLabel value="Para" styleClass="grid_3" for="ladoEsquerdoInputText" />
                                    <p:inputText id="ladoEsquerdoInputText" styleClass="grid_18"
                                                 value="#{managerCriarAforamento.averbacao.ladoEsquerdo}" />
                                    <div class="clear"/>

                                    <p:outputLabel value="Limitando" styleClass="grid_3 dimensaoLabelImovel" for="ladoEsquerdoRuaInputText" />
                                    <p:inputText id="ladoEsquerdoRuaInputText" styleClass="grid_18"
                                                 value="#{managerCriarAforamento.averbacao.ladoEsquerdoRua}" />

                                    <div class="clear"/>
                                    <p:outputLabel value="Medindo" styleClass="grid_3 dimensaoLabelImovel" for="ladoEsquerdoMedindoInputText" />
                                    <p:inputText id="ladoEsquerdoMedindoInputText" styleClass="grid_18"
                                                 value="#{managerCriarAforamento.averbacao.ladoEsquerdoMedindo}" />
                                </fieldset>

                                <fieldset><legend>Lado direito</legend>
                                    <p:outputLabel value="Para" styleClass="grid_3" for="ladoDireitoInputText" />
                                    <p:inputText id="ladoDireitoInputText" styleClass="grid_18"
                                                 value="#{managerCriarAforamento.averbacao.ladoDireito}" />
                                    <div class="clear"/>

                                    <p:outputLabel value="Limitando" styleClass="grid_3 dimensaoLabelImovel" for="ladoDireitoRuaInputText" />
                                    <p:inputText id="ladoDireitoRuaInputText" styleClass="grid_18"
                                                 value="#{managerCriarAforamento.averbacao.ladoDireitoRua}" />

                                    <div class="clear"/>
                                    <p:outputLabel value="Medindo" styleClass="grid_3 dimensaoLabelImovel" for="ladoDireitoMedindoInputText" />
                                    <p:inputText id="ladoDireitoMedindoInputText" styleClass="grid_18"
                                                 value="#{managerCriarAforamento.averbacao.ladoDireitoMedindo}" />
                                </fieldset>
                            </p:panel>
                        </fieldset>

                        <fieldset><legend>Dimensões</legend>
                            <p:panel styleClass="container_24 clearfix withoutBorder">

                                <div class="clear"/>
                                <p:outputLabel value="Frente" styleClass="grid_3" for="frenteTotalInputText" />
                                <p:inputText id="frenteTotalInputText" styleClass="grid_4"
                                             value="#{managerCriarAforamento.averbacao.frenteTotal}"
                                             onkeypress="jQuery(this).autoNumeric({aSep: '.', aDec: ',', aSign:' m', pSign:'s'} );">
                                    <f:convertNumber pattern="#,###,##0.00" locale="pt,BR"/>
                                </p:inputText>

                                <p:outputLabel value="Fundo" styleClass="grid_3" for="fundoTotalInputText" />
                                <p:inputText id="fundoTotalInputText" styleClass="grid_4"
                                             value="#{managerCriarAforamento.averbacao.fundoTotal}"
                                             onkeypress="jQuery(this).autoNumeric({aSep: '.', aDec: ',', aSign:' m', pSign:'s'} );">
                                    <f:convertNumber pattern="#,###,##0.00" locale="pt,BR"/>
                                </p:inputText>

                                <p:outputLabel value="Área Total" styleClass="grid_3" for="areaTInputText" />
                                <p:inputText id="areaTInputText" styleClass="grid_4"
                                             value="#{managerCriarAforamento.averbacao.areaTotal}"
                                             onkeypress="jQuery(this).autoNumeric({aSep: '.', aDec: ',', aSign:' m²', pSign:'s'} );">
                                    <f:convertNumber pattern="#,###,##0.00" locale="pt,BR"/>
                                </p:inputText>

                            </p:panel>
                        </fieldset>
                        <div class="clear"/>

                        <div class="buttonAction">
                            <p:commandButton value="Adicionar" actionListener="#{managerCriarAforamento.adicionarAverbacao}"
                                             process=":dialogForm"
                                             update=":dialogForm, :form:averbacaoTable" icon="ui-icon-check"/>
                            <p:commandButton value="Cancelar" icon="ui-icon-close" oncomplete="averbacaoDialog.hide()" />
                        </div>
                    </p:panel>
                </p:dialog>
            </h:form>

            <script type='text/javascript' src='media/js/widthFix.js'></script>

        </ui:define> 
    </ui:composition>

</html>
